<template>
    <Child v-model:list="list"/>
  
    <div class="body">
      <ul>
        <li v-for="item in list">{{item}}</li>
      </ul>
    </div>
  </template>
  
  <script setup>
  import Child from './child.vue'
  import { ref } from 'vue';
  

  const list = ref(['html', 'css'])
  const handle = (e) => {
    list.value = e
  }
  </script>
  
  <style lang="css" scoped>
  
  </style>